<!-- playground-fold -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sample</title>
</head>

<body style="background-color: var(--sapBackgroundColor)">
    <!-- playground-fold-end -->

    <ui5-checkbox
        text="Truncating text when 'wrapping-type=None' set and some long text."
        style="width:200px;"
        wrapping-type="None"
    ></ui5-checkbox>

    <br>

    <ui5-checkbox
        checked
        text="Wrapping text when the components is with its default 'wrapping-type=Normal' and some long text."
        style="width:200px;"
    ></ui5-checkbox>
    <!-- playground-fold -->
    <script type="module" src="main.js"></script>
</body>

</html>
<!-- playground-fold-end -->
